8:35 / 16:10•Watch full video

Flutter UI Tutorial | Splash Screen and Login UI Design - Animation - day 8

30K subscribers

53,943 views Oct 3, 2019 Flutter 100-day

Flutter UI Tutorial | Splash Screen and Login UI Design - Animation - day 8 #flutter #splash #login Thanks for watching! Make sure to like + Subscribe For More! source code: https://github.com/afgprogrammer/Flut... In this video we use, Flutter Animation, AnimationController,, TextField, BoxDecoration, BorderRadius, Fade, Opacity, Scale, Transition, and so on in the one-speed video. This video is a part of my 100-day Flutter UI Design Tutorial. My other flutter tutorial videos related to this video: Flutter Tutorial UI Playlist: http://bit.ly/2ponGUY Flutter Inspiration UI Design and Animation | day 1

• Flutter UI Tutori... ----------------------------------------------------------------------------------------------- Flutter Trip Application UI Design and Animation | day 2

• Flutter UI Tutori... ----------------------------------------------------------------------------------------------- Flutter Food Application UI Design and Animation | day 3

• Flutter UI Tutori... ----------------------------------------------------------------------------------------------- Flutter Actors Profile Application UI Design and Animation | day 4

• Flutter UI Tutori... ----------------------------------------------------------------------------------------------- Flutter Ripple Animation and UI Design in Map | day 5

• Flutter UI Tutori... ----------------------------------------------------------------------------------------------- Flutter Page-Transition Animation and UI Design - day 6 • Flutter Animation... ----------------------------------------------------------------------------------------------- Flutter Download Bar Animation and UI Design - day 7 • Flutter UI Tutori... –––––––––––––––––––––––––––––– Track: Blue — Declan DP [Audio Library Release] Music provided by Audio Library Plus Watch: • Blue — Declan DP ... Free Download / Stream: https://alplus.io/Blue –––––––––––––––––––––––––––––– 🎵 Track Info: Title: Blue by Declan DP Genre and Mood: Dance & Electronic + Happy License: Royalty free music for YouTube, Facebook and Instagram videos giving the appropriate credit. ——— The skills necessary to follow this course: Flutter Dart - - - - - - - - - - - - - - - - - - - - - - Subscribe for New Videos: Personal site: http://afgprogrammer.com Facebook: https://fb.com/afgprogrammer Twitter: https://twitter.com/afgprogrammer Codepen: https://codepen.io/afgprogrammer This is Mohammad Rahmani. Full-stack freelance developer, Enthusiast, Web design professional, Creative professional with a development background.

Featured playlist

Flutter 100-day

Afgprogrammer

30K subscribers

Flutter UI Tutorial | Download Button With Animation - day 7

by Afgprogrammer

12K views · 3 years ago

Flutter Animation Tutorial | Make Page Transition - day 6

by Afgprogrammer

44K views · 3 years ago

Flutter UI Tutorial | User Profile UI and Animation - day 4

by Afgprogrammer

13K views · 3 years ago

Flutter UI Tutorial | Food Delivery Application UI & Animation - day 3

by Afgprogrammer

26K views · 3 years ago

Flutter UI Tutorial | Trip App UI Design & Animation - day 2

by Afgprogrammer

28K views · 3 years ago

Show less

68 Comments

Add a comment...

@SuperAnkursaini

Please update your code with new simple animation package. BTW Loved your work!!!! thanks you so much.

@mydjam1

Thanks for sharing... Great tutorial Would you upgrade your source code to the latest simple_animations package?

·

@berkaycapar

this is amazing!

@mustafashaikh7829

That slide animation with button.....

best

·

@user-fm3qj6tq4f

Great design Wish u the best <3

@Absurdified

Cool UI.Can you make a video about animations with explanations about different functions

·

@ismailkoyuncu5518

Great work. I want tell you something.. How i can creat the mobile background image ? For example you was uses the png image... How many pixels should be ? I want to learn so wich one the resources are you prefer me ? Thanks

@-eden9438

thx for ur unconditional sharing and instruction !

·

@user-oi4yw5rr2b

12:25 page transition

@4funrc11

Question - Can a flutter app be run, and used, shared between people without having to publish the app via Google Play? If so, how is it done? Because I haven't found anything on how to do this. TiA!

·

@xanapodcasts7171

To be honest I loved the music, lit

@Elias-fz4bp

Hey i have some null check error in the FadeAnimation.dart on "animation["opacity"]" (line 25) how can i fix it ?

@pubg_funny4033

عالی بود لالا . کارت درسته ادامه بده

·

@gnjithesh3858

Broo that was soo helpful . Thank you !!

·

@YasinIlhan61

Thank you for using my package page_transition

·

@franciscofrank8825

Thanks for a nice tutorial bro. One question, when I press the back button on android after transition, it shows a blank blue screen. I want to go back to the main page, please help.

·

@kamalkishorkumar4278

Thanks bro it helped me a lot

@eddiecoronel5241

Thanks for teaching bro!

·

@euivanw

Thanks for sharing.

️

·

Flutter UI Tutorial | Login Page UI Design and Animation - day 14

Afgprogrammer

Flutter UI Tutorial | Login Page UI Design and Animation - day 13

Afgprogrammer

Flutter Animation | Login Page UI and Animation - Day 12

Afgprogrammer

Flutter UI Tutorial | Splash Screen and Login UI Design - Animation - day 8

Afgprogrammer

Flutter UI Tutorial | Login Page with Dark/Light Theme UI Design - day 24

Afgprogrammer

Flutter UI | Beautiful Login Page UI Design - Day 38

Afgprogrammer

Flutter UI Tutorial | Splash Screen and Login UI Design - Animation - day 8

Afgprogrammer

1K

Likes

53,943

Views

2019

Oct 3

Flutter UI Tutorial | Splash Screen and Login UI Design - Animation - day 8 #flutter #splash #login Thanks for watching! Make sure to like + Subscribe For More! source code: https://github.com/afgprogrammer/Flut... In this video we use, Flutter Animation, AnimationController,, TextField, BoxDecoration, BorderRadius, Fade, Opacity, Scale, Transition, and so on in the one-speed video. This video is a part of my 100-day Flutter UI Design Tutorial. My other flutter tutorial videos related to this video: Flutter Tutorial UI Playlist: http://bit.ly/2ponGUY Flutter Inspiration UI Design and Animation | day 1 • Flutter UI Tutori... ----------------------------------------------------------------------------------------------- Flutter Trip Application UI Design and Animation | day 2 • Flutter UI Tutori... ----------------------------------------------------------------------------------------------- Flutter Food Application UI Design and Animation | day 3 • Flutter UI Tutori... ----------------------------------------------------------------------------------------------- Flutter Actors Profile Application UI Design and Animation | day 4 • Flutter UI Tutori... ----------------------------------------------------------------------------------------------- Flutter Ripple Animation and UI Design in Map | day 5 • Flutter UI Tutori... ----------------------------------------------------------------------------------------------- Flutter Page-Transition Animation and UI Design - day 6 • Flutter Animation... ----------------------------------------------------------------------------------------------- Flutter Download Bar Animation and UI Design - day 7 • Flutter UI Tutori... –––––––––––––––––––––––––––––– Track: Blue — Declan DP [Audio Library Release] Music provided by Audio Library Plus Watch: • Blue — Declan DP ... Free Download / Stream: https://alplus.io/Blue –––––––––––––––––––––––––––––– 🎵 Track Info: Title: Blue by Declan DP Genre and Mood: Dance & Electronic + Happy License: Royalty free music for YouTube, Facebook and Instagram videos giving the appropriate credit. ——— The skills necessary to follow this course: Flutter Dart - - - - - - - - - - - - - - - - - - - - - - Subscribe for New Videos: Personal site: http://afgprogrammer.com Facebook: https://fb.com/afgprogrammer Twitter: https://twitter.com/afgprogrammer Codepen: https://codepen.io/afgprogrammer This is Mohammad Rahmani. Full-stack freelance developer, Enthusiast, Web design professional, Creative professional with a development background.

Featured playlist

Flutter 100-day

Afgprogrammer

30K subscribers

Flutter UI Tutorial | Download Button With Animation - day 7

by Afgprogrammer

12K views · 3 years ago

Flutter Animation Tutorial | Make Page Transition - day 6

by Afgprogrammer

44K views · 3 years ago

Flutter UI Tutorial | User Profile UI and Animation - day 4

by Afgprogrammer

13K views · 3 years ago

Flutter UI Tutorial | Food Delivery Application UI & Animation - day 3

by Afgprogrammer

26K views · 3 years ago

Flutter UI Tutorial | Trip App UI Design & Animation - day 2

by Afgprogrammer

28K views · 3 years ago